var args=[],name,uid;  //args保存地址栏参数,name是参数的键,uid为用户id
$(function(){
	uid=$("#uid").val();
    /*显示章节*/
    $(".navcha").click(function(){
        $(".chapters").show().siblings().hide();
        $(this).addClass("color").siblings().removeClass("color");
    });
    /*显示问答*/
    $(".navq").click(function(){
        $(".QaA").show().siblings().hide();
        $(this).addClass("color").siblings().removeClass("color");
    });
    /*显示笔记*/
    $(".navnote").click(function(){
        $(".notes").show().siblings().hide();
        $(this).addClass("color").siblings().removeClass("color");
    });
    
    //解析地址栏参数
    getQueryStringArgs();
    //页面初始化加载页面
    $.ajax({
        type:"post",
        url:"course_detail?courseId="+args[name]+"&uid="+uid,
        //data:{"courseid":args[name]},
        dataType:"json",
        /*beforeSend:function(){
            alert(1234);
        },*/
        success:function(data){
            msgHandle(data);
        },
        error:function(){
            alert("ResHome error");
        }
    });
    
    
    function msgHandle(data){
    	 $(".tit").html(data.course[0]);                 //为课程名赋值
         $(".msgLevel span").eq(1).html(data.course[1]); //为级别赋值
         $(".msgTime span").eq(1).html(data.course[2]);  //为课程时长赋值
         if(data.course[4] == 1){
             $(".iconfont").addClass("icon-aixin");
             $(".iconfont").css({"font-size":"26px"});
             $(".iconfont").next().html("已收藏");
         }
         $(".msgScore span").eq(1).html(data.course[3]); //为评分赋值
         $(".condes").html(data.course[5]);              //为简介赋值
         //为章节赋值
         $(".chapters").empty();
         var chalen=data.chapter.length;
         for(var i=0;i<chalen;i++){
             var chalen2=parseInt(data.chapter[i].length)-1;
             $(".chapters").append("<div class='chapter'><span class='chapicon'></span><span class='chapConts'><div class='chaptit'><span>第"+(i+1)+"章</span><span>"+data.chapter[i][0]+"</span><span class='iconfont icon-shangjiantou1'></span></div><div class='chapcont"+i+"'>");
             for(var j=1;j<=chalen2;j++){
                 //如果直接写$(".chapcont")那么每次循环出来的小节内容都会给前面已有的.chapcont也加上，只能在后面加上一个i来区分了
                 var vedio=data.chapter[i][j].split("|");
                 $(".chapcont"+i).append("<a href='#' class='cont'><span>"+(i+1)+"-"+j+"</span><span src="+vedio[1]+">"+vedio[0]+"</span></a>");
             }
             $(".chapters").append("</div></span></div>");
         }
         //绑定点击事件
         $(".chaptit span").each(function(){
             $(this).on("click",togg);
         });
         $(".cont").each(function(){
             $(this).on("click",play);
         });
         
         $("#LetCourse").empty();
         //为 推荐课程 赋值
         for(var i=0;i<data.recCourse.length;i++){
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!src的路径还没有!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
             $("#LetCourse").append("<div class='recommend'><img id='rec_img' src=''><span>" +
             		"<span class='rec_tit' courseid='"+data.recCourse[i][0]+"'>"+data.recCourse[i][1]+"</span><span class='rec_desc'>" +
             		""+data.recCourse[i][2]+"</span>" +
             		"<span class='rec_lev'>"+data.recCourse[i][3]+"</span></span></div>");
         }
         //绑定点击事件
         $(".rec_tit").on("click",RecEvent);
    }
    
    function RecEvent(){
    	//alert($(this).attr("courseid"));
    	$.ajax({
    		type:"post",
    		url:"course_detail?courseId="+$(this).attr("courseid")+"&uid="+uid,
    		dataType:"json",
    		success:function(data){
               msgHandle(data);
    		},
    		error:function(){
    			alert("rec_tit error");
    		}
    	})
    }
    
    //收藏课程
/*    $(".icon-xinsui01").click(function(){
    	if("" == uid){
    		$(".bg, .login").show();
    	}else{
            $.ajax({
                type:"post",
                //这里的uid以后让李宇从session里面拿值
                url:"record_collect?uid=1&&courseid="+args[name],
            })
    	}
    })*/
    
    //点击问答
    $(".navq").click(function(){
        $.ajax({
           type:"post",
           url:"discuss_question?courseId=18",
           dataType:"json",
           success:function(data){
               //alert(JSON.stringify(data))
/*               var data={
                //该课程的问题     提问者，提问者头像，提出的时间，提出的问题，最新的回答，回答的总数目
                "question":[["Willie_Jiang","1","2017-03-28","chrome不兼容","chrome底层决定的吧，用chrome的话需要打开存在服务器的网页才能使用getImageData()方法。用firefox、edge等就不用。","5"],["Willie","3","2017-03-29","不兼容","用firefox、edge等就不用。","2"],["Jiang","5","2017-03-30","chrome","用chrome的话需要打开存在服务器的网页才能使用getImageData()方法。","3"]],
               };*/
                /*为问答赋值*/
                $(".QaA").empty();
                var quelen=data.question.length;
                for(var i=0;i<quelen;i++){
                    if(data.question[i][4] == null){
                        $(".QaA").append("<div class='ques'><img src='images/usericon/user"+data.question[i][1]+".jpg'><div><div class='quser'><a href='#'>"+data.question[i][0]+"</a><span>"+data.question[i][2]+"</span></div><div class='qtit'>"+data.question[i][3]+"</div><div class='qcount'>"+data.question[i][5]+"回答</div></div></div>");
                    }else{
                        $(".QaA").append("<div class='ques'><img src='images/usericon/user"+data.question[i][1]+".jpg'><div><div class='quser'><a href='#'>"+data.question[i][0]+"</a><span>"+data.question[i][2]+"</span></div><div class='qtit'>"+data.question[i][3]+"</div><div class='qans'><span>[最新回答]</span><span>"+data.question[i][4]+"</span></div><div class='qcount'>"+data.question[i][5]+"回答</div></div></div>");
                    }
                }
           },
           error:function(){
               alert("navq error");
           }
        });
    });
    
    //点击笔记
    $(".navnote").click(function(){
        $.ajax({
           type:"post",
           url:"note_detail?courseid="+args[name],
           dataType:"json",
           success:function(data){
                /*为笔记赋值*/
                var notelen=data.note.length;
                for(var i=0;i<notelen;i++){
                    $(".notes").append("<div class='note'><img src='images/usericon/user"+data.note[i][1]+".jpg'><div><div class='noter'><a href='#'>"+data.note[i][0]+"</a><span>"+data.note[i][2]+"</span><span class='note_tit'>"+data.note[i][3]+"</span></div><div class='notecont'><span>"+data.note[i][4]+"</span><span id='notefor' class="+data.note[i][6]+" isfor=true><span class='iconfont icon-dianzan'></span><span id='fornum'>"+data.note[i][5]+"</span></span></div></div></div>");
                }
                //绑定点击事件
                $(".notecont>span").each(function(){
                    $(this).on("click",show);
                });
           },
           error:function(){
               //alert("navq error");
           }
        });
    });
    
});

//----------------------js----------------------
/*获取地址栏参数*/
function getQueryStringArgs(){
    //取得查询字符串并去掉开头的问号--->第一个是问号
    var qs=(location.search.length > 0 ? location.search.substring(1) : "");
    //取得每一项
    var items=qs.length ? qs.split("&") : [];
    var item,value;
    //逐个讲每一项添加到args对象中
    for(var i=0;i<items.length;i++){
        item=items[i].split("=");
        name=decodeURIComponent(item[0]);
        value=decodeURIComponent(item[1]);
        if(name.length){
            args[name]=value;
        }
    }
    return args;
}


/*是否收藏的状态*/
$(".iconfont").click(function(){
	if("" == uid){
		$(".bg, .login").show();
	}else{
	    if($(this).attr("class").indexOf("icon-aixin") == -1){  //未收藏
	        $(this).addClass("icon-aixin");
	        $(this).css({"font-size":"26px"});
	        $(this).next().html("已收藏");
	    }else{                              //已收藏
	        $(this).removeClass("icon-aixin");
	        $(this).css({"font-size":"23px"});
	        $(this).next().html("收藏");
	    }
	}
})

/*章节toggle*/
function togg(){
    if($(this).index() == 2){
        var cli=$($(this).parent().parent().children()[1]);
        var curState=cli.css("display");
        if("block"==curState){
            $(this).css({"transform":"rotate(180deg)"});
            $(this).parent().css({"margin-bottom":"0"});
        }else{
            $(this).css({"transform":"rotate(360deg)","transition":"all 0.2s ease-in"});
            $(this).parent().css({"margin-bottom":"20px"});
        }
        cli.toggle();
    }
}

function play(){
    window.location.href="playVideo.jsp?vedioId="+$(this).find("span").eq(1).attr("src");
}

function show(){    
    /*收起评论和显示评论*/
/*    if($(this).index() == 1){
        if($(this).html().indexOf("显示") != -1){ //点击显示全文
            $(this).html("[收起全文]");
            $(this).prev().css({"overflow":"auto","height":"auto","overflow-x":"hidden"});
        }else{   //点击收起全文
            $(this).html("[显示全文]");
            $(this).prev().css({"overflow":"hidden","height":"100px"});
        }
    }*/
    
    /*点赞笔记和取消点赞*/
    //alert(forflag);
    if($(this).attr("isfor") == "true"){
        $($(this).find("#fornum").prev()).css({"color":"#000"});
        var num=parseInt($($(this).find("#fornum")).html());
        $($(this).find("#fornum")).html(++num);
        $($(this).find("#fornum")).css({"color":"#000","transition":"all 0.3s ease-in"});
        $(this).attr("isfor",false);
    }else{
/*        $($(this).find("#fornum").prev()).css({"color":"#666"});
        var num=parseInt($($(this).find("#fornum")).html());
        $($(this).find("#fornum")).html(--num);
        $($(this).find("#fornum")).css({"color":"#666"});
        forflag=true;*/
    }
    $.ajax({
        type:"post",
        url:"note_agree?noteId="+$(this).attr("class"),
    })
}
